<%@ Page Language="C#" MasterPageFile="~/PgMaster.master" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Home" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <script language="javascript" type="text/javascript">
        function CopyText() {
            if (document.getElementById('<%=txtShortId.ClientID%>').value != '') {
                document.getElementById('<%=txtEmailId.ClientID%>').value = document.getElementById('<%=txtShortId.ClientID%>').value + '@csc.com';
            }
        }
</script>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="height:100%;" width="100%">
    <tr>
            <td style="text-align:center; vertical-align: middle; height:350px" width="98%">
            <div align="center">
                <br />
                <asp:Label ID="lblInfoMsgs" runat="server"></asp:Label><br />
                <asp:Panel ID="LoginBoxPanel" runat="server" Visible="true" Width="346px" >
	                <table id="tbLP" border="0" width="80%" style="BORDER-bottom: #000000 4px solid; BORDER-right: #000000 4px solid;BORDER-left: #000000 1px solid;BORDER-top: #000000 1px solid;">
			            <tr>
					    <td align="center" style="width: 323px; height: 215px;">
						        <table border="0" cellpadding="4" cellspacing="4" style="width: 347px">
                                    <tr align="left">
                                        <td class="Text1" 
                                            style="background-color: #333538; text-align: center; height: 30px;" ><font color="white">Framework Login</font></td>
                                          </tr>
                                          <tr valign="middle" >
                                             <td align="center" valign="bottom" width="30%" 
                                                  style="text-align: center; vertical-align: middle">
                                               <table cellpadding="0" cellspacing="2" style="width: 259px; height: 80px">
                                                <tr>
                                                 <td align="left">Username:</td>
                                                 <td style="width: 146px"><asp:TextBox ID="txtUsername" runat="server" MaxLength="25" Text=""  TabIndex="1" validate="form" require="<b>Required Field Missing</b><br/>Please enter your username." Width="139px" CssClass="username"></asp:TextBox></td>
                                                </tr>
                                                <tr>
                                                 <td align="left">Password:</td>
                                                 <td style="width: 146px"><asp:TextBox ID="txtPassword" runat="server" MaxLength="25" TabIndex="2" validate="form" require="<b>Required Field Missing</b><br/>Please enter your Password ." TextMode="Password" Width="140px" Text="a" CssClass="password" ></asp:TextBox></td>
                                                </tr>
                                               </table>
                                                 <br />
   												 <asp:Button id="SubmitMe" runat="server" TabIndex="3" Text="Login" 
                                                     Width="70px"  OnClick="cmdLogin_Click" OnClientClick="return validate('form');" 
                                                     Height="31px"/>
                                                 <br />
                                                 <br />
                                                 <img src="Images/User-icon.png"/><asp:LinkButton ID="lnkNewUserCreate" 
                                                     runat="server" Font-Underline="true" onclick="lnkNewUserCreate_Click" 
                                                     ForeColor="#333538">New User? Sign Up</asp:LinkButton>
                                                 &nbsp;&nbsp;&nbsp;
                                                 <img src="Images/key-icon.png"/><asp:LinkButton ID="nlkChangePassword" 
                                                     runat="server" Font-Underline="true" onclick="nlkChangePassword_Click" 
                                                     ForeColor="#333538">Change Password</asp:LinkButton>
                                                 <br />
                                                 <br />
                                              </td>
                                            </tr>
                                  </table>
   						</td>
				</tr> 
         </table>
    </asp:Panel>
            
<!--Login Box Ends-->
                                                            
<%--Password generated. Ask for sig nup--%>
    <asp:Panel ID="NewUserPanel" runat="server" Visible="false" Height="265px" 
        Width="327px">
        <table id="Table1" border="0" width="80%">
		<tr>
		<td align="center" style="width: 323px; height: 258px;">
          <table border="0" cellpadding="4" cellspacing="4" width="320" style="BORDER-bottom: #000000 4px solid; BORDER-right: #000000 4px solid;BORDER-left: #000000 1px solid;BORDER-top: #000000 1px solid;">
           <tr align="left">
            <td style="background-color: #333538; text-align: center; height: 30px;"><font color="white">Create Your Profile</font></td>
           </tr>
           <tr valign="middle" >
            <td align="center" valign="bottom" width="30%">
             <table cellpadding="0" cellspacing="2" style="width: 287px; height: 179px">
              <tr>
               <td align="left">Your short ID:</td>
               <td><asp:TextBox ID="txtShortId" runat="server" MaxLength="25" TabIndex="4" 
                       Width="140px" onblur="CopyText()" validate="Register" 
                       require="<b>Required Field Missing</b><br/>Please enter your CSC short ID." 
                       Wrap="False" Height="20px"></asp:TextBox></td>
              </tr>
              <tr>
               <td align="left">First Name:</td>
               <td><asp:TextBox ID="txtFirstName" runat="server" MaxLength="25" TabIndex="5" Width="140px" validate="Register" require="<b>Required Field Missing</b><br/>Please enter your First Name." Height="20px"></asp:TextBox></td>
              </tr>
              <tr>
               <td align="left">Last Name:</td>
               <td><asp:TextBox ID="txtLastName" runat="server" MaxLength="25" TabIndex="6" Width="140px" validate="Register" require="<b>Required Field Missing</b><br/>Please enter your Last Name." Height="20px"></asp:TextBox></td>
              </tr>                                                    
              <tr>
               <td align="left">Email ID:</td>
               <td><asp:TextBox ID="txtEmailId" runat="server" MaxLength="25" TabIndex="7" Width="140px" validate="Register" email="<b>Invalid Email Address</b><br/>Email address must be in the form of example@address.com" Height="20px"></asp:TextBox></td>
              </tr>                                                          
              <tr>
               <td align="left">Gender:</td>
               <td><asp:RadioButtonList ID="rboGender" runat="server" RepeatDirection="Horizontal" 
                       RepeatLayout="Flow" validate="Register" 
                       require="<b>Required Field Missing</b><br/>Please specify your gender." 
                       ForeColor="Black" EnableTheming="True" Width="104px">
				    <asp:ListItem Value="M">Male</asp:ListItem>
				    <asp:ListItem Value="F">Female</asp:ListItem></asp:RadioButtonList>
               </td>
              </tr>         
            </table>
          </td>
         </tr>
         <tr align="center">
          <td align="center" valign="middle" >
           <asp:Button ID="btnCreatePassword" runat="server" TabIndex="9" Text="Create User" OnClientClick="return validate('Register');" OnClick="btnCreatePassword_Click" Height="31px"/>
           <asp:Button ID="NewUsrCancel" runat="server" TabIndex ="10" Text ="Cancel" onclick="NewUsrCancel_Click" Height="31px" />
          </td>
         </tr>
        </table>
       </td>
	 </tr> 
     </table>
 </asp:Panel>
    <%--Password Change Panel--%>

<%--Password Change Panel--%>
      <asp:Panel ID="PasswordChangePanel" runat="server" Visible="false" 
        Width="346px">
        <table id="Table3" border="0" style="width: 36%">
			<tr>
			<td align="center">
              <table border="0" cellpadding="4" cellspacing="4" width="340" style="BORDER-bottom: #000000 4px solid; BORDER-right: #000000 4px solid;BORDER-left: #000000 1px solid;BORDER-top: #000000 1px solid;">
                                                                                <tr align="center"><td style="background-color: #333538; height: 30px;"><font color="white">Change Password</font></td>
                                                                                </tr>
                                                                                <tr valign="middle" >
                                                                                    <td align="center" valign="bottom" width="30%">
                                                                                        <table cellpadding="0" cellspacing="2" style="width: 277px; height: 118px">
                                                                                            <tr>
                                                                                                <td align="left">
                                                                                                    Username:</td>
                                                                                                <td style="width: 146px">
                                                                                                    <asp:TextBox ID="txtUser" runat="server" MaxLength="25" require="<b>Required Field Missing</b><br/>Please enter your Username."
                                                                                                        TabIndex="14" validate="ChangePass" Width="139px" Height="20px"></asp:TextBox></td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td align="left">
                                                                                                    Old Password:</td>
                                                                                                <td style="width: 146px"><asp:TextBox ID="txtCurrentPassword" runat="server" MaxLength="25" TabIndex="14" Width="139px" TextMode="Password" validate="ChangePass" require="<b>Required Field Missing</b><br/>Please enter your old password." Height="20px"></asp:TextBox></td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td align="left">New Password:</td>
                                                                                                <td style="width: 146px"><asp:TextBox ID="txtNewPassword" runat="server" MaxLength="25" TabIndex="15" Width="139px" TextMode="Password" validate="ChangePass" require="<b>Required Field Missing</b><br/>Please enter your new password." regular="<b>Invalid Password</b><br/>The password must be 6 characters or longer." validExpress=".{6,}" Height="20px"></asp:TextBox></td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td align="left" style="height: 26px">Confirm Password:</td>
                                                                                                <td style="width: 146px; height: 26px;"><asp:TextBox ID="txtRetypeNewPassword" runat="server" MaxLength="25" TabIndex="16" Width="139px" TextMode="Password" validate="ChangePass" require="<b>Required Field Missing</b><br/>Please Re-enter your new password." compare="<b>Password Mismatch</b><br/>The new password and confirm password fields must match." compareTo="ctl00_ContentPlaceHolder1_txtNewPassword" Height="20px"></asp:TextBox></td>
                                                                                            </tr>                                                    
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                                <tr align="center">
                                                                                    <td align="center" valign="middle" >
                                                                                        &nbsp;&nbsp;&nbsp;&nbsp;                                
                                                                                        <asp:Button ID="btnChangePassword" runat="server" TabIndex="9" Text="Change Password" OnClientClick="return validate('ChangePass');" OnClick="btnChangePassword_Click" Height="31px"/>
                                                                                        <asp:Button ID="btnCPCancel" runat="server" TabIndex ="10" Text ="Cancel" onclick="btnCPCancel_Click" Height="31px"/>
                                                                                    </td>
                                                                                 </tr>
                                                                            </table>
                                                                            </td>
													                </tr> 
                                                                </table>
                                                            </asp:Panel></div>
            </td>      
    </tr>
</table>
</asp:Content>

